<!-- ... existing code ... -->
<div class="hero-section">
  <div class="hero-content">
    <h1 class="hero-title">欢迎使用管理系统</h1>
    <p class="hero-subtitle">一个现代化、功能强大的管理平台，助您提升工作效率</p>
    <div class="hero-actions">
      <!-- <el-button type="primary" size="large" @click="goToLogin">立即登录</el-button> -->
      <!-- <el-button size="large" @click="goToRegister">免费注册</el-button> -->
    </div>
  </div>
</div>

<!-- ... existing code ... -->

<div class="features-section">
  <div class="section-header">
    <h2>核心特性</h2>
    <p>我们提供的功能和服务</p>
  </div>

  <el-row :gutter="30" class="features-grid">
    <el-col v-for="(feature, index) in features" :key="index" :xs="24" :sm="12" :md="6">
      <el-card class="feature-card" shadow="hover">
        <div class="feature-icon">{{ feature.icon }}</div>
        <h3 class="feature-title">{{ feature.title }}</h3>
        <p class="feature-description">{{ feature.description }}</p>
      </el-card>
    </el-col>
  </el-row>
</div>

<!-- ... existing code ... -->